<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="text" placeholder="姓名">
<input type="text" placeholder="年龄">
<input type="text" placeholder="工资">
<input type="button" value="添加">
<table>
<caption>员工列表</caption>
<tr>
<th>姓名</th><th>年龄</th>
<th>工资</th><th>操作</th>
</tr>
</table>
<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
  <script type="text/javascript">
  //给按钮添加点击事件
  $("input:last").click(function(){
	 //创建1个tr和4个td
	 var tr=$("<tr></tr>");
	 var nametd=$("<td></td>");
	 var agetd=$("<td></td>");
	 var saltd=$("<td></td>");
	 var deltd=$("<td><input type='button' value='删除'></td>");
	 //通过删除td得到里面的删除按钮添加事件
	 deltd.children().click(function(){
		 //删除整行
		 tr.remove();
	 });
	 //给td设置文本内容
	 nametd.text($("input:eq(0)").val());
	 agetd.text($("input:eq(1)").val());
	 saltd.text($("input:eq(2)").val());
	 //把td装进tr 把tr装进table
	 tr.append(nametd);
	 tr.append(agetd);
	 tr.append(saltd);
	 tr.append(deltd);
	 $("table").append(tr);
	 
  });
  </script>
</body>
</html>